<template>
  <dw-page-warpper>
    <div>常用菜单</div>
    <div class="box">
      <div style="background-color: aqua"></div>
      <div style="background-color: orange"></div>
      <div style="background-color: blue"></div>
      <div style="background-color: darkgreen"></div>
      <div style="background-color: blueviolet"></div>
      <div style="background-color: chartreuse"></div>
    </div>
  </dw-page-warpper>
</template>
<script setup lang="ts">
defineOptions({
  name: 'DwSystemHome',
});
</script>
<style lang="scss" scoped>
.box {
  width: 500px;
  display: grid;
  grid-template-columns: 120px 120px 120px;
  grid-template-rows: 120px 120px;
  padding: 10px;
}
.box > div {
  background: gray;
  text-align: center;
  font-size: 24px;
  border: 2px solid white;
  border-radius: 2px;
}
</style>
